{% load static %}
{% load utils %}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>回收站</title>
<link rel="stylesheet" href="{% static '/public/css/ui.css' %}">
<link rel="stylesheet" href="{% static '/public/admin/css/layout.css' %}">
<script src="{% static '/public/js/jquery.js' %}"></script>
<script src="{% static '/public/js/ui.js' %}"></script>
</head>

<body>

    <div class="position">当前位置：<a href="/manager/content/index">内容管理</a> > <a href="/manager/content/recycle">回收站</a></div>
    <div class="border">
        <!---->
        <div class="navbar">
            <div class="lefter">
                <a href="javascript:;" class="ui-btn ui-btn-info ui-dropdown-show ui-mr-sm" data-target="#dropdown-1">批量操作</a>
                <div class="ui-dropdown" id="dropdown-1">
                    <a href="javascript:;" class="ui-dropdown-item btach" type="1">批量恢复</a>
                    <div class="ui-dropdown-line"></div>
                    <a href="javascript:;" class="ui-dropdown-item btach" type="8">批量删除</a>
                </div>

            </div>
            
            <div class="righter">
                <form action="/manager/content/recycle/">
                    <div class="ui-form-group">
                        <div class="ui-input-group">
                            <input type="text" name="keyword" class="ui-form-ip radius-right-none" value="{{keyword}}" placeholder="请输入关键字">
                            <button type="submit" class="after"><div class="ui-icon-search"></div></button>
                        </div>
                    </div>
                </form>
            </div>
            
        </div>
        
       <form method="post" class="ui-form">
       <div class="ui-table-wrap">
        <table class="ui-table ui-table-border ui-table-hover ui-table-striped ui-mb">
            <thead class="ui-thead-gray">
                <tr>
                    <th width="30" height="30"><label class="ui-checkbox tips" data-align="right-top" data-title="全选/取消"><input type="checkbox" class="checkall" value=""><i></i></label></th>
                    <th>标题</th>
                    <th width="150">栏目名称</th>
                    <th width="50">人气</th>
                    <th width="50">缩图</th>
                    <th width="50">置顶</th>
                    <th width="50">推荐</th>
                    <th width="150">操作</th>
                </tr>
            </thead>
            <tbody>
            {% if not page_obj %}
                <tr>
                    <td colspan="8">暂无数据</td>
                </tr>
            {% endif %}
            {% for item in page_obj %}
            <tr>
                <td><label class="ui-checkbox"><input type="checkbox" name="id" value="{$rs[id]}"><i></i></label></td>
                <td class="ui-text-left">{{item.id}}.{{item.title}}</td>
                <td>{{item.catename}}</td>
                <td>{{item.hits}}</td>
                <td>{% if item.ispic == 1 %}是{% else %}<em>否</em>{% endif %}</td>
                <td>{% if item.ontop == 1 %}是{% else %}<em>否</em>{% endif %}</td>
                <td>{% if item.isnice == 1 %}是{% else %}<em>否</em>{% endif %}</td>
                <td><a href="{{ item.classid|get_cate_edit_url:item.id }}"><span class="ui-icon-edit"></span> 编辑</a>　<a href="javascript:;" class="del" data-url="/manager/content/clear/?id={{item.id}}"><span class="ui-icon-delete"></span> 删除</a></td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
            {%if page_obj %}
                <div class="ui-page ui-page-right ui-page-info">
                    <div class="ui-page-list">
                        <ul>
                            {% if page_obj.has_previous %}
                                <li><a href="?fid={{ fid }}&page=1">首页</a></li>
                                <li><a href="?fid={{ fid }}&page={{ page_obj.previous_page_number }}">上一页</a></li>
                            {% endif %}
                
                            <li><a>{{ page_obj.number }}/{{ page_obj.paginator.num_pages }}</a></li>
                        {% if page_obj.has_next %}
                            <li><a href="?fid={{ fid }}&page={{ page_obj.next_page_number }}">下一页</a></li>
                            <li><a href="?fid={{ fid }}&page={{ page_obj.paginator.num_pages }}">末页</a></li>
                        {% endif %}
                        </ul>
                    </div>
                </div>
            {% endif %}
            {% csrf_token %}
        </form>
        <!---->
    </div>
    
<script>
    const csrftoken = document.querySelector('[name=csrfmiddlewaretoken]').value;
$(function()
{
	$(".btach").click(function()
	{
		var type=$(this).attr("type");
		var data=[];
		$(".ui-form").find("input[type=checkbox]:checked").each(function()
		{
			if($(this).attr("class")!='checkall' && !$(this).closest("label").hasClass("ui-switch"))
			{
				data.push($(this).val());
			}
		});
        if(data.length==0)
        {
            wmcms.error('至少选择一条内容');
        }
        else
        {
            $.ajax(
			{
                type:'post',
                cache:false,
                dataType:'json',
                url:'{U("btach")}',
                data:'token={$token}&id='+data.join(",")+'&type='+type,
                error:function(e){alert(e.responseText);},
                success:function(d)
				{
                    if(d.state=='success')
                    {
                        wmcms.success(d.msg);
                        setTimeout(function(){location.href='{THIS_LOCAL}';},1500);
                    }
                    else
                    {
                        wmcms.error(d.msg);
                    }
                }
            });
        }
    });
	$(".del").click(function()
	{
		var url=$(this).attr("data-url");
		$.dialog(
		{
			'title':"操作提示",
			'text':"确定要删除？不可恢复！",
			'oktheme':'ui-btn-info',
			'ok':function(e)
			{
				$.ajax(
				{
                    url:url,
					type:'post',
					dataType:'json',
					headers: {'X-CSRFToken': csrftoken},
                    mode: 'same-origin', // Do not send CSRF token to another domain.
					error:function(e){alert(e.responseText);},
                    success:function(d)
                    {
                        e.close();
                        if(d.state=='success')
                        {
                            wmcms.success(d.msg);
                            setTimeout(function(){location.href='/manager/content/recycle/';},1000);
                        }
                        else
                        {
                            wmcms.error(d.msg);
                        }
                    }
                });
			}
		});
    });
})
</script>
</body>
</html>